<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>登录页</title>
		
		<link rel="shortcut icon" type="text/css" href="./images/bitbug_favicon.ico"/>
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
		<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
	</head>
	<body>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			.DLY{
				margin: 0 auto;
				width: 1000px;
				
			}
			.TB{
				
				height: 16px;
				background: skyblue;
			}
			.DHL{
				height: 112px;
				/*background-color: pink;*/
				overflow: hidden;
				position: relative;
			}
			.DHL_1{
				font-size: 0;
				margin-left: 73px;
				margin-top: 34px;
				display: inline-block;
				/*overflow: auto;*/
				vertical-align: top;
				position:absolute;
			}
			.nav{
				display: inline-block;
				list-style: none;
				width: 400px;
				height: 15px;
				font-size: 0;
				position: absolute;
				top: 73px;
				left: 264px;
				
			}
			li{
				display: inline-block;
				margin-right:14px;
			}							
			
			.nav li:last-child{
				margin-right:0;
			}
			.nav_1{
				text-decoration: none;
				color: black;
				font-size: 14px;
				
			}
			
			
			.SS{
				width: 216px;
				height: 30px;
				/*margin-left: 48px;*/
				position: absolute;
				top:65px;
				right: 76px;
				box-sizing: border-box;
				padding-left: 5px;
				outline: none;
			}
			.FDJ{
				position: absolute;
				top: 66px;
				right: 77px;
				background: url(images/2_03.jpg);
				width: 37px;
				height: 28px;
				border: none;
				outline: none;
			}
			.nav li:hover:after{
				content: "";
				display: block;
				height: 5px;
				width: 60%;
				margin: 0 auto;
				border-bottom: 1px solid #828282;
				/*padding-bottom: 5px;
				*/
			}
			.swiper-container{
				height: 400px;
				width: 999px;
			}
			.ZR{
				width: 500px;
				height: 28px;
				margin: 0 auto;
				/*background: gold;*/
				margin-top: 51px;
				/*overflow: hidden;*/
				position: relative;
				text-align: center;
			}
			.ZR_1{
				width: 60%;
				height: 2px;
				background-color: grey;
				margin-top: 14px;
				display: inline-block;
				
			}
			.ZR_2{
				width: 140px;
				/*height: 48px;*/
				text-align: center;
				background: white;
				position: absolute;
				top: 3px;
				left: 174px;
			}
			.b1{
				font-size: 14px;
				text-align: justify;
				display: block;
				width: 92px;
				margin: 0 auto;
				height: 9px;
			}
			.b1::after{
				content: "";
				width: 100%;
				height: 0;
				clear: both;
				display: inline-block;
			}
			.span1{
				font-size: 2px;
				font-variant: all-petite-caps;
			}
			.BD{
				/*height: 1000px;*/
				width: 100%;
				/*background: hotpink;*/
				margin-top:62px ;
				display: inline-block;
				font-size: 0;
				text-align: center;
			}
			.DL{
				width: 368px;
				height: 258px;
				/*background: yellow;*/
				display: inline-block;
				vertical-align: top;
				font-size: 11px;
			}
			.BDT{
				width: 368px;
				height: 258px;
				/*background: green;*/
				display: inline-block;
			}
			.DD{
				background: skyblue;
				border: 1px solid transparent;
				border-radius: 5px;
				width:93px ;
				margin-right: 4px;
			}
			.DZ{
				background: #eeeeee;
				border: 1px solid transparent;
				border-radius: 5px;
				width:93px ;
				margin-left: 4px;
			}
			table{
				margin: 0 auto;
			}
			.T{
				text-align: left;
			}
			.text{
				width: 267px;
				background: #ecf5ff;
			}
			.PSD{
				width: 267px;
				background: #ecf5ff;
			}
			.YZ{
				width: 84px;
				background: #ecf5ff;
			}
			.GH{
				text-decoration: none;
				color: red;
			}
			.YZ_1{
				width: 97px;
				text-align: left;
			}
			.radio{
				text-align: left;
				padding-left: 8px;	
			}
			.date{
				vertical-align: -2px;
			}
			tr{
				height: 48px;
			}
			.BT{
				width: 93PX;
				height: 24px;
				color: white;
				border: 1px solid transparent;
				border-radius: 5px;
				background: #b3d9ff;
				margin-right:5px ;
			}
			.hr{
				width: 1000px;
				height: 3px;
				background: #b6daff;
				margin-top: 53px;
			}
			.AB{
				width: 1000px;
				height: 158px;
				/*background: pink;*/
				font-size: 0;
				margin-top: 35px;
			}
			.JJ{
				width: 168px;
				height: 100px;
				display: inline-block;
				/*background: yellow;*/
				vertical-align: top;
			}
			.BZ{
				width: 165px;
				height: 100px;
				display: inline-block;
				/*background: green;*/
			}
			.GY{
				width: 166px;
				height: 103px;
				display: inline-block;
				/*background: purple;*/
			}
			.DH{
				width: 125px;
				height: 103px;
				display: inline-block;
				/*background: red;*/
			}
			h1{
				font-size: 16px;
				margin-bottom: 20px;
			}
			p{
				font-size: 12px;
				margin: 10px 0px;
			}
			.FW{
				width: 375px;
				height: 103px;
				/*background: hotpink;*/
				display: inline-block;
				vertical-align: top;
				position: relative;
				
			}
			.img_7{
				display: inline-block;
			}
			.FW_1{
				width: 156px;
				height: 60px;
				/*background: yellow;*/
				display: inline-block;
				vertical-align: top;
				font-size: 14px;
			}
			b{
				font-size: 20px;
			}
			.b_1{
				margin-left: 5px;
				
				
			}
			.SJ{
				width: 174px;
				height: 60px;
				/*background: green;*/
				display: inline-block;
				vertical-align: top;
				position: relative;
				font-size: 13px;
			}
			.GZ{
				position: absolute;
				right: 45px;
				bottom: 0;
			}
			.EWM{
				font-size: 12px;
				position: absolute;
				bottom: -25px;
			}
			.foot{
				height: 70px;
				background: #6db6ff;
				/*text-align: center;*/
				position: relative;
			}
			.BQ{
				position: absolute;
				top: 45px;
				left: 311px;
				font-size: 14px;
				font-weight: normal;
			}
		</style>
		<div class="DLY">
			<!--网页头部-->
			<div class="TB"></div>
			<!--导航栏-->
			<div class="DHL">
				<div class="DHL_1">
					<a href="#" class="img1"><img src="images/1_03.jpg"/></a>鼎搜网
				</div>
				<ul class="nav">
					<li><a class="nav_1" href="index.html">首页</a></li>
					<li><a class="nav_1" href="list.html">鼎搜投资</a></li>
					<li><a class="nav_1" href="zhuce.html">鼎搜服务</a></li>
					<li><a class="nav_1" href="denglu.html">鼎搜动态</a></li>
					<li><a class="nav_1" href="xiangxi.html">鼎搜诚聘</a></li>
					<li><a class="nav_1" href="#">鼎搜公益</a></li>
				</ul>
				<form action="" method="post">
					<input type="text" class="SS" value="" />
					<button type="submit" class="FDJ"></button>
				</form>
				
				
			</div>
			<!--轮播图-->
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="images/3_03.jpg"/></div>
			        <div class="swiper-slide"><img src="images/3_03.jpg"/></div>
			        <div class="swiper-slide"><img src="images/3_03.jpg"/></div>
			    </div>    
			        	
			     <!-- 如果需要分页器 -->
			    <div class="swiper-pagination"></div>
			</div>
			<script type="text/javascript">
				var mySwiper = new Swiper ('.swiper-container', {
//			    direction: 'vertical', // 垂直切换选项
			    loop: true, // 循环模式选项
			    autoplay:true,
			    // 如果需要分页器
			    pagination: {
			      el: '.swiper-pagination',
			      
			    },})
			</script>
			<!--我要转让-->
			<div class="ZR">
				<div class="ZR_1"></div>
				<div class="ZR_2">
					<b class="b1">我要转让</b>
					<span class="span1">WO YAO ZHUAN RANG</span>
				</div>
			</div>
			<!--表单-->
			<div class="BD">
				<div class="DL">
					<input type="button" class="DW DD" value="点我登陆" />
					<input type="button" class="DW DZ" value="点我注册" /><br />
					<form action="#" method="post">
					<table>
						<tr>
							<td class="T">用户名 :</td>
							<td colspan="4"><input type="text" name="user" class="text" /></td>
						</tr>
						<tr>
							<td class="T">密码 :</td>
							<td colspan="4"><input type="password" name="PSD" class="PSD" /></td>
						</tr>
						<tr>
							<td class="T">验证码 :</td>
							<td class="YZ_1"><input type="text" name="YZM" class="YZ"/></td>
							<td><img src="images/5_03.jpg"/></td>
							<td>看不清 ?</td>
							<td><a href="#" class="GH">点击跟换</a></td>
						</tr>
						<tr>
							<td class="T">有效期 :</td>
							<td colspan="4" class="radio">
								<label><input type="radio" name="1" value="0"  class="date"/>一个月</label>
								<label><input type="radio" name="1" value="1" class="date"/>一周</label>
								<label><input type="radio" name="1" value="2" class="date"/>一天</label>
								<label><input type="radio" name="1" value="3" class="date"/>即时</label>
							</td>
						</tr>
						<tr>
							
							<td colspan="5">
								<form action="#" method="post">
									<input type="submit" value="登陆" class="BT" /><a href="#" class="GH">忘记密码?</a>
								
								
							</td>
						</tr>
					</table></form>
				</div>
				<div class="BDT"><img src="images/4_03.jpg"/></div>
			</div>
			<!--分割线-->
			<div class="hr">
				
			</div>
			<!--底部-->
			<div class="AB">
				<div class="JJ">
					<h1>简介</h1>
					<p>鼎搜网简介</p>
					<p>鼎搜服务</p>
					<p>会员身份实名认证</p>
				</div>
				<div class="BZ">
					<h1>帮助</h1>
					<p>用户注册</p>
					<p>关于鼎搜</p>
					<p>在线咨询</p>
				</div>
				<div class="GY">
					<h1>共赢</h1>
					<p>网站合作</p>
					<p>用户协议</p>
					<p>会员身份实名认证</p>
				</div>
				<div class="DH">
					<h1>导航</h1>
					<p>地图首页</p>
					<p>职能分类</p>
					<p>企业目录</p>
				</div>
				<div class="FW">
					<div class="img_7">
						<img src="images/7_03.jpg"/>
					</div>
					<div class="FW_1">
						<b>全国服务热线</b><br />
						<b>440-880-1179</b><br />
						<span>邮箱dinsoo@163.com</span>
					</div>
					<div class="SJ">
						<span>投诉电话:4408801179</span><br />
						<span>周一至周六:9:30-20:00</span>
						<div class="GZ">
							<img src="images/8_03.jpg"/>
						</div>
					</div>
					<div class="EWM">
						<img src="images/6_03.jpg"/><b class="b_1">订阅信息</b>
					</div>
				</div>
			</div>
			<div class="foot">
				<b class="BQ">Copyright&copy;2015 鼎搜网(www.dinsoo.com)版权所有</b>
			</div>
		</div>
	</body>
</html>
